/* -----------------------------------------------------
   created with https://www.codeandweb.com/texturepacker 
   -----------------------------------------------------
   $TexturePacker:SmartUpdate:3cdcd0ec02003463bd9df4848145ae30:1d2cacf9375b3b03c44196a78f94a188:689d101a705a04bda51000e275a07ac2$
   -----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>

   replace {-spritename-} with the sprite you like to use

*/

.event-sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/events.png);}

.btn-event-link {width:33px; height:33px; background-position: -1px -1px}
.btn-event-email {width:32px; height:32px; background-position: -36px -1px}
.btn-event-event {width:32px; height:32px; background-position: -70px -1px}
.btn-event-anchor {width:32px; height:32px; background-position: -104px -1px}
.btn-event-layer {width:32px; height:32px; background-position: -138px -1px}
.btn-event-dial {width:32px; height:32px; background-position: -172px -1px}
.btn-event-share {width:32px; height:32px; background-position: -206px -1px}

.event-sprite-hover {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/events-hover.png);}

.btn-event-email-hover {width:32px; height:32px; background-position: -36px -1px}
.btn-event-event-hover {width:32px; height:32px; background-position: -70px -1px}
.btn-event-anchor-hover {width:32px; height:32px; background-position: -104px -1px}
.btn-event-layer-hover {width:32px; height:32px; background-position: -138px -1px}
.btn-event-link-hover {width:33px; height:33px; background-position: -1px -1px}
.btn-event-dial-hover {width:32px; height:32px; background-position: -172px -1px}
.btn-event-share-hover {width:32px; height:32px; background-position: -206px -1px}


.wb-item-common-style{
  width:100%;
  height:120px;
  background-image: url('../images/items/hint/item-common.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.wb-item-reward-style{
  width:100%;
  height:120px;
  background-image: url('../images/items/hint/item-common.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.wb-item-jewellery-video-style{
  width:100%;
  height:120px;
  background-image: url('../images/items/hint/item-common.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.wb-item-question-style{
  width:100%;
  height:80px;
  background-image: url('../images/items/hint/item-question.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.wb-item-find-different-style{
  width:100%;
  height:80px;
  background-image: url('../images/items/hint/item-question.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}

.wb-item-swiper-select-style{
  width:100%;
  height:80px;
  background-image: url('../images/items/hint/item-question.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}

.wb-item-judge-right-wrong-style{
  width:100%;
  height:50px;
  background-image: url('../images/items/hint/item-judge.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.wb-item-qsds-vote-style{
  width:100%;
  height:34px;
  background-image: url('../images/items/hint/item-vote.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.wb-item-checkbox-style{
  width:100%;
  height:70px;
  background-image: url('../images/items/hint/item-checkbox.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.wb-item-header-footer-style{
  width:100%;
  height:34px;
  background-image: url('../images/items/hint/item-header-footer.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}

.el-select-dropdown__item.hover>.popover-box>.wb-item-common-style{
  width:100%;
  height:120px;
  background-image: url('../images/items/hint/item-common-hover.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.el-select-dropdown__item.hover>.popover-box>.wb-item-reward-style{
  width:100%;
  height:120px;
  background-image: url('../images/items/hint/item-common-hover.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.el-select-dropdown__item.hover>.popover-box>.wb-item-question-style{
  width:100%;
  height:80px;
  background-image: url('../images/items/hint/item-question-hover.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.el-select-dropdown__item.hover>.popover-box>.wb-item-find-different-style{
  width:100%;
  height:80px;
  background-image: url('../images/items/hint/item-question-hover.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.el-select-dropdown__item.hover>.popover-box>.wb-item-judge-right-wrong-style{
  width:100%;
  height:50px;
  background-image: url('../images/items/hint/item-judge-hover.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.el-select-dropdown__item.hover>.popover-box>.wb-item-qsds-vote-style{
  width:100%;
  height:34px;
  background-image: url('../images/items/hint/item-vote-hover.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.el-select-dropdown__item.hover>.popover-box>.wb-item-checkbox-style{
  width:100%;
  height:70px;
  background-image: url('../images/items/hint/item-checkbox-hover.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}
.el-select-dropdown__item.hover>.popover-box>.wb-item-header-footer-style{
  width:100%;
  height:34px;
  background-image: url('../images/items/hint/item-vote-hover.png');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
}

.icon-align-up{
  background-image: url('../images/align-top.png');
  background-size: 50%;
  background-repeat:no-repeat;
  background-position: center;
}
.icon-align-below{
  background-image: url('../images/align-bottom.png');
  background-size: 50%;
  background-repeat:no-repeat;
  background-position: center;
}
.icon-align-left{
  background-image: url('../images/align-left.png');
  background-size: 50%;
  background-repeat:no-repeat;
  background-position: center;
}
.icon-align-right{
  background-image: url('../images/align-right.png');
  background-size: 50%;
  background-repeat:no-repeat;
  background-position: center;
}
.icon-wall{
  background-image: url('../images/icon-wall.png');
  background-size: 60%;
  background-repeat:no-repeat;
  background-position: center;
}
.icon-qr-code{
  background-image: url('../images/icon-qr-code.png');
  background-size: 60%;
  background-repeat:no-repeat;
  background-position: center;
}
.icon-horizontal-center-alignment{
  background-image: url('../images/horizontal-center-alignment.png');
  background-size: 60%;
  background-repeat:no-repeat;
  background-position: center;
}
.icon-vertical-average-distribution{
  background-image: url('../images/vertical-average-distribution.png');
  background-size: 60%;
  background-repeat:no-repeat;
  background-position: center;
}